﻿<!doctype html>
<html class="no-js" lang="en-US">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>404 || Moon</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Fav Icon
	============================================ -->
	<link id="favicon" rel="icon" type="image/png" href="img/favicon.ico" />
	<!-- Google web fonts
	============================================ -->
	<link href='http://fonts.useso.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Playfair+Display:400,400italic,700italic,900italic,900,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<!-- Style Import CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="css/custom-style.css" />
	<!-- RS-slider CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />
	
	<!-- Modernizr JS
	============================================ -->
	<script src="js/vendor/modernizr-2.8.3.min.js"></script>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Header Top
============================================ -->
<div class="header-top">
	<div class="container">
		<div class="row">
			<!-- Header Top Left -->
			<div class="header-top-left col-sm-6">
				<ul class="header-login-reg float-left">
					<li><a href="#">Log in</a></li>
					<li><a href="#">Register</a></li>
				</ul>
			</div>
			<!-- Header Top Right -->
			<div class="header-top-right col-sm-6">
				<ul class="language-currency float-right">
					<li><a href="#">ENG <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">English</a></li>
							<li><a href="#">French</a></li>
							<li><a href="#">Spanish</a></li>
						</ul>
					</li>
					<li><a href="#">USD <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">Usd</a></li>
							<li><a href="#">Uro</a></li>
							<li><a href="#">Gbp</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- Header Bottom
============================================ -->
<div class="header-bottom">
	<div class="container">
		<div class="row">
			<!-- Header Logo -->
			<div class="logo col-md-2 col-sm-4 col-xs-5"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
			<!-- Main Menu -->
			<div class="main-menu col-md-7 hidden-sm hidden-xs">
				<nav>
					<ul>
						<li class="active"><a href="index.html">Home</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="index.html">Home One</a></li>
								<li><a href="index-2.html">Home Two</a></li>
								<li><a href="index-3.html">Home Three</a></li>
							</ul>
						</li>
						<li><a href="shop.html">shop</a>
							<!-- Mega Menu -->
							<div class="mega-menu mega-menu1">
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">Accessories</a></li>
										<li><a href="shop.html">Leather</a></li>
										<li><a href="shop.html">Sunglasses</a></li>
										<li><a href="shop.html">Belts</a></li>
										<li><a href="shop.html">Rings</a></li>
										<li><a href="shop.html">Sweaters</a></li>
										<li><a href="shop.html">Bags & Persess</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">Men's Wear</a></li>
										<li><a href="shop.html">Shirts & tops</a></li>
										<li><a href="shop.html">Dresses</a></li>
										<li><a href="shop.html">Swimwear</a></li>
										<li><a href="shop.html">Jeans</a></li>
										<li><a href="shop.html">Shoes</a></li>
										<li><a href="shop.html">Sweaters</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">WoMen's Wear</a></li>
										<li><a href="shop.html">Party Dress</a></li>
										<li><a href="shop.html">T-Shirt</a></li>
										<li><a href="shop.html">Jeans & Trousers</a></li>
										<li><a href="shop.html">Jacket & Coats</a></li>
										<li><a href="shop.html">Sweaters</a></li>
										<li><a href="shop.html">Nightwear</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column2">
									<a href="#" class="menu-image"><img src="img/menu-image.png" alt="" /></a>
								</div>
							</div>
						</li>
						<li><a href="#">pages</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="cart.html">Cart</a></li>
								<li><a href="checkout.html">Checkout</a></li>
								<li><a href="order-complete.html">Order Complete</a></li>
								<li><a href="wishlist.html">Wishlist</a></li>
								<li><a href="product-details-1.html">Product Details</a>
									<ul class="sub-menu-2">
										<li><a href="product-details-1.html">Style  1</a></li>
										<li><a href="product-details-2.html">Style  2</a></li>
									</ul>
								</li>
								<li><a href="shop.html">Shop</a>
									<ul class="sub-menu-2">
										<li><a href="shop.html">Shop Left Sidebar</a></li>
										<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
										<li><a href="shop-without-banner.html">Shop Without Banner</a></li>
										<li><a href="shop-list.html">Shop List</a></li>
										<li><a href="shop-two-column.html">Shop 2 Column</a></li>
										<li><a href="shop-three-column.html">Shop 3 Column</a></li>
										<li><a href="shop-four-column.html">Shop 4 Column</a></li>
									</ul>
								</li>
								<li><a href="single-blog.html">Single Blog</a></li>
								<li><a href="single-page.html">Single Page</a></li>
								<li><a href="404.html">404 Page</a></li>
							</ul>
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">contact</a></li>
					</ul>
				</nav>
			</div>
			<!-- Header Search & Cart -->
			<div class="search-cart col-md-3 col-md-offset-0 col-sm-5 col-sm-offset-3 col-xs-7">
				<!-- Header Cart -->
				<div class="header-cart float-right">
					<button class="cart-btn"><i class="mo-cart"></i><span class="cart-number">2</span></button>
					<div class="headercart-wrapper">
						<h2>Shopping Cart</h2>
						<ul class="products">
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/1.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">Skinny Jeans</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 99 x 1</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/2.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">Eyewear Sunglasses</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 199 x 5</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
						</ul>
						<div class="total-price text-center fix">
							<p>Total</p>
							<span>$ 1094.99</span>
						</div>
						<div class="view-cart text-center fix"><a href="cart.html">View Cart <i class="mo-arrow-right"></i></a></div>
						<div class="cart-footer text-center fix"><a href="checkout.html">Proceed to checkout</a></div>
					</div>
				</div>
				<!-- Header Search -->
				<div class="header-search float-right">
					<button class="search-btn"><i class="mo-search"></i></button>
					<form action="#" class="search-form">
						<input type="text" placeholder="Search..." />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Menu
============================================ -->
<div class="mobile-menu hidden-lg hidden-md fix">
	<nav>
		<ul>
			<li><a href="index.html">Home</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="index.html">Home One</a></li>
					<li><a href="index-2.html">Home Two</a></li>
					<li><a href="index-3.html">Home Three</a></li>
				</ul>
			</li>
			<li><a href="shop.html">shop</a>
				<ul>
					<li><a href="#">Accessories</a>
						<ul>
							<li><a href="shop.html">Leather</a></li>
							<li><a href="shop.html">Sunglasses</a></li>
							<li><a href="shop.html">Belts</a></li>
							<li><a href="shop.html">Rings</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Bags & Persess</a></li>
						</ul>
					</li>
					<li><a href="#">Men's Wear</a>
						<ul>
							<li><a href="shop.html">Shirts & tops</a></li>
							<li><a href="shop.html">Dresses</a></li>
							<li><a href="shop.html">Swimwear</a></li>
							<li><a href="shop.html">Jeans</a></li>
							<li><a href="shop.html">Shoes</a></li>
							<li><a href="shop.html">Sweaters</a></li>
						</ul>
					</li>
					<li><a href="#">WoMen's Wear</a>
						<ul>
							<li><a href="shop.html">Party Dress</a></li>
							<li><a href="shop.html">T-Shirt</a></li>
							<li><a href="shop.html">Jeans & Trousers</a></li>
							<li><a href="shop.html">Jacket & Coats</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Nightwear</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li><a href="#">pages</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="cart.html">Cart</a></li>
					<li><a href="checkout.html">Checkout</a></li>
					<li><a href="order-complete.html">Order Complete</a></li>
					<li><a href="wishlist.html">Wishlist</a></li>
					<li><a href="product-details-1.html">Product Details</a>
						<ul>
							<li><a href="product-details-1.html">Style  1</a></li>
							<li><a href="product-details-2.html">Style  2</a></li>
						</ul>
					</li>
					<li><a href="shop.html">Shop</a>
						<ul>
							<li><a href="shop.html">Shop Left Sidebar</a></li>
							<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
							<li><a href="shop-without-banner.html">Shop Without Banner</a></li>
							<li><a href="shop-list.html">Shop List</a></li>
							<li><a href="shop-two-column.html">Shop 2 Column</a></li>
							<li><a href="shop-three-column.html">Shop 3 Column</a></li>
							<li><a href="shop-four-column.html">Shop 4 Column</a></li>
						</ul>
					</li>
					<li><a href="single-blog.html">Single Blog</a></li>
					<li><a href="404.html">404 Page</a></li>
				</ul>
			</li>
			<li><a href="blog.html">Blog</a></li>
			<li><a href="contact.html">contact</a></li>
		</ul>
	</nav>
</div>
<!-- 404
============================================ -->
<div class="error-page pages">
	<div class="container">
		<div class="row">
			<div class="error-404 col-sm-12 text-center">
				<img src="img/404.png" alt="" />
				<h2>PAGE NOT FOUND <br />It looks like you're lost...</h2>
				<a href="#">Take me out of here</a>
			</div>
		</div>
	</div>
</div>
<!-- Footer Area
============================================ -->
<div class="footer-area">
	<!-- Footer Top -->
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<!-- Footer Widget About -->
				<div class="footer-widget footer-widget-about col-md-3 col-sm-5">
					<img src="img/footer-logo.png" alt="" />
					<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium,</p>
					<div class="footer-social">
						<a href="#"><i class="mo-facebook"></i></a>
						<a href="#"><i class="mo-twitter"></i></a>
						<a href="#"><i class="mo-google-plus"></i></a>
						<a href="#"><i class="mo-pinterest"></i></a>
					</div>
				</div>
				<!-- Footer Widget Address -->
				<div class="footer-widget footer-widget-address col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>address</h3>
					<p>1025-1035 Park Ave, <br />New York, <br />NY 10028, USA</p>
					<p>+1 123-456-7890</p>
					<p>sales@koolinc.com</p>
				</div>
				<!-- Footer Widget Collection -->
				<div class="footer-widget footer-widget-collection col-md-2 col-md-offset-1 col-sm-5">
					<h3>collection</h3>
					<ul>
						<li><a href="#">Men</a></li>
						<li><a href="#">Women</a></li>
						<li><a href="#">Kids</a></li>
						<li><a href="#">Accessories</a></li>
						<li><a href="#">Sale</a></li>
						<li><a href="#">Coming Soon</a></li>
					</ul>
				</div>
				<!-- Footer Widget Shop -->
				<div class="footer-widget footer-widget-shop col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>shop</h3>
					<ul>
						<li><a href="single-page.html">About Us</a></li>
						<li><a href="single-page.html">Shipping Methods</a></li>
						<li><a href="single-page.html">Career</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Footer Bottom -->
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<!-- Footer Copyright -->
				<div class="copyright col-sm-6 text-left"><p>&copy; 2016 <a href="#">wilylab</a>. All Rights Reserved</p></div>
				<!-- Footer Payment -->
				<div class="payment col-sm-6 text-right"><img src="img/payment.png" alt="payment" /></div>
			</div>
		</div>
	</div>
</div>

<!-- jQuery 1.12.0
============================================ -->
<script src="js/vendor/jquery-1.12.3.min.js"></script>
<!-- Bootstrap JS
============================================ -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MeanMenu JS
============================================ -->
<script type="text/javascript" src="js/jquery.meanmenu.min.js"></script>
<!-- Slick Carousel JS
============================================ -->
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- RS-Plugin JS
============================================ -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>   
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- Scrollup JS
============================================ -->
<script type="text/javascript" src="js/jquery.scrollup.min.js"></script>
<!-- jQuery UI JS
============================================ -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- Tree View JS
============================================ -->
<script type="text/javascript" src="js/jquery.treeview.js"></script>
<!-- Nice Scroll JS
============================================ -->
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<!-- WOW JS
============================================ -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- Google Map APi
============================================ -->
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script> -->
<script>
	new WOW().init();
</script>
<!-- Main JS
============================================ -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>